//@import "~@/styles/veriables.scss";

.formContainer{
    position: absolute;
    border: 1px dashed #0089FF;
    z-index: 999;

    &.active{
        background:rgba(0,137,255,0.04);
    }
}

.resizeHandler{
    position: absolute;
    top: 100%;
    left: 100%;
    width: 26.5px;
    height: 26.5px;
    transform: translate(-50%, -50%);

    .icon{
        font-size: 26.5px;
    }
}

.deleteHandler{
    position: absolute;
    top: 0;
    left: 0;
    width: 26.5px;
    height: 26.5px;
    transform: translate(-50%, -50%);

    .icon{
        font-size: 26.5px;
    }
}

.imageBox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.editorCancel {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  background-color: black;
  z-index: 1002;
}

.canvasStyle {
  position: absolute;
  border: 1px solid #0089FF;
}

.canvasCutStyle{
  position: absolute;
//   outline: 2px solid #0089FF;
}
